<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
	<style>
		#fater{
			width:700px;
			margin:0 auto;
		}
		
    	#div01{
			background:#333;
			width:700px;
			height:150px;
			margin-bottom:5px;
		}
		
		#div02{
			background:#0F0;
			width:700px;
			height:50px;
			margin-bottom:5px;
		}
		
		#div03{
			background:#666;
			width:200px;
			height:200px;
			float:left;
			margin-right:10px;
			margin-bottom:5px;
		}
		
		#div04{
			background:#00F;
			width:490px;
			height:200px;
			float:left;
			margin-bottom:5px;
			
		}
		
		#div05{
			background:#FF0;
			width:200px;
			height:510px;
			float:left;
		}
		
		#div06{
			background:#F00;
			width:490px;
			height:250px;
			float:right;
			margin-bottom:5px;
		}
		
		#div07{
			background:#F0F;
			width:490px;
			height:125px;
			float:right;
			margin-bottom:5px;
		}
		
		#div08{
			background:#03C;
			width:490px;
			height:125px;
			float:right;
		}
    </style>
</head>

<body>
<div id="fater">
	<div id="div01">1</div>
    <div id="div02">2</div>
    <div id="div03">3</div>
    <div id="div04">4</div>
    <div id="div05">5</div>
    <div id="div06">6</div>
    <div id="div07">7</div>
    <div id="div08">8</div>
</div>   
</body>
</html>
